//用户信息默认显示
//封装，点击重置的时候调用函数
function getUserInfo() {
  axios.get('/my/userinfo').then(({ data: { data } }) => {
    // console.log(data);

    let form = layui.form;
    //给表单赋值
    form.val("formFilter", data);

  })
}
getUserInfo()

//表单校验
//1.给登录名称的input标签加readonly 只读属性，无法修改
//2.给用户邮箱添加lay-verify="required|email"检验规则
//3.校验用户昵称
let form = layui.form;
let layer = layui.layer;
form.verify({
  //校验用户昵称
  nickname: function (value) {
    //限制字符长度，如果超出规定范围就return提示
    if (value.length < 2 || value.length > 6) {
      return '昵称字符长度为2-6位'
    }
  }
});


//修改表单数据，post请求提交数据
$("#form").on('submit', function (e) {

  //1.阻止表单的默认提交行为
  e.preventDefault()
  //2.获取表单数据，serialize()方法
  let data = $("#form").serialize()
  //3.post请求修改数据
  axios.post('/my/userinfo', data).then(({ data }) => {
    //3.1 修改失败返回的结果
    if (data.status !== 0) {
      return layer.msg(data.message);
    }
    //3.2 修改成功返回的结果
    layer.msg(data.message);

    // window.parent 可以从子页面访问到父页面，调用父页面的getInfo()函数更新用户昵称
    window.parent.getInfo()

  })
})

//重置按钮
$('#btnReset').on('click', function (e) {
  //阻止默认行为，不会刷新页面
  e.preventDefault()
  //点击的时候调用getUserInfo()函数，让用户信息默认显示
  getUserInfo()
})